<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>西瓜后台管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/purchasing_management.css" media="all">
</head>
<body>
<div class="layui-fluid step1">
    <div class="layui-card">
        <div class="layui-card-body stepNav">
            <ul>
                <li><p class="step_nub">1</p><p class="step_text">待平台确认</p></li>
                <li class="step_line"></li>
                <li class="on"><p class="step_nub">2</p><p class="step_text">待财务收款</p></li>
                <li class="step_line"></li>
                <li><p class="step_nub">3</p><p class="step_text">录入车架号</p></li>
                <li class="step_line"></li>
                <li><p class="step_nub">4</p><p class="step_text">待生成采购单</p></li>
                <li class="step_line"></li>
                <li><p class="step_nub">5</p><p class="step_text">已生成采购单</p></li>
            </ul>
        </div>
    </div>
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="step_block step_block1">
                <h4>支付凭证</h4>
                <div class="layui-form-item">
                    正在等待经销商上传支付凭证...
                </div>
                <table>
                    <tbody>
                    <tr>
                        <th>支付时间</th>
                        <td>2018-10-23  13:23:43</td>
                    </tr>
                    <tr>
                        <th>车款</th>
                        <td>23000</td>
                    </tr>
                    <tr>
                        <th>物流费</th>
                        <td>0</td>
                    </tr>
                    <tr>
                        <th>支付凭证</th>
                        <td><a href="javascript;" class="check_btn layui-text-blue">查看</a>&nbsp;<a href="javascript:;" class="downBtn layui-text-blue">下载</a> </td>
                    </tr>
                    </tbody>
                </table>
                <div class="my_skin">
                    <a class="layui-layer-btn0">确认收款</a>
                    <a class="layui-layer-btn3">订单退回</a>
                    <a class="layui-layer-btn3">取消订单</a>
                </div>
            </div>
            <div class="step_block step_block2">
                <h4>车辆信息</h4>
                <table>
                    <tbody>
                    <tr>
                        <th>下订时间</th>
                        <td>2018-10-23  13:23:43</td>
                    </tr>
                    <tr>
                        <th>下订数量</th>
                        <td>5</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="step_block step_block3">
                <h4>车辆信息</h4>
                <table>
                    <tbody>
                    <tr>
                        <th>下订时间</th>
                        <td>2018-10-23  13:24:32</td>
                    </tr>
                    <tr>
                        <th>下订数量</th>
                        <td>5</td>
                    </tr>
                    </tbody>
                </table>
                <table>
                    <tbody>
                    <tr>
                        <th>品牌</th>
                        <th>车系</th>
                        <th>车型</th>
                        <th>指导价</th>
                        <th>采购价</th>
                        <th>批售价</th>
                        <th>外观/内饰颜色</th>
                    </tr>
                    <tr>
                        <td>大众</td>
                        <td>朗逸</td>
                        <td>2018款自动精英型</td>
                        <td>124900</td>
                        <td>107800</td>
                        <td>107800</td>
                        <td>黑/棕</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="step_block step_block4">
                <h4>采购方信息</h4>
                <table>
                    <tbody>
                    <tr>
                        <th>经销商</th>
                        <td>北京朝阳嘉伟经销商</td>
                    </tr>
                    <tr>
                        <th>门店</th>
                        <td>北京朝阳嘉伟店</td>
                    </tr>
                    <tr>
                        <th>发货地址</th>
                        <td>北京市 朝阳区 北京西路248号</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="step_block step_block5">
                <h4>金融方案</h4>
                <table>
                    <tbody>
                    <tr>
                        <th>支付方式</th>
                        <td>融资</td>
                    </tr>
                    <tr>
                        <th>融资产品</th>
                        <td>优全融</td>
                    </tr>
                    <tr>
                        <th>融资比例</th>
                        <td>60%</td>
                    </tr>
                    <tr>
                        <th>期限</th>
                        <td>30天</td>
                    </tr>
                    <tr>
                        <th>服务日费率</th>
                        <td>0.05%</td>
                    </tr>
                    <tr>
                        <th>服务费(元)</th>
                        <td>2333</td>
                    </tr>
                    <tr>
                        <th>日利率</th>
                        <td>0.1%</td>
                    </tr>
                    <tr>
                        <th>首付金额(元)</th>
                        <td>883000</td>
                    </tr>
                    </tbody>
                </table>
                <table>
                    <tbody>
                    <tr>
                        <th>支付方式</th>
                        <td>全款</td>
                    </tr>
                    <tr>
                        <th>合计支付(元)</th>
                        <td>1078000</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="step_block step_block5">
                <h4>接车人信息</h4>
                <table>
                    <tbody>
                    <tr>
                        <th>姓名</th>
                        <td>龚天否</td>
                    </tr>
                    <tr>
                        <th>电话</th>
                        <td>13892829322</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="step_block step_block6">
                <h4>配送方式</h4>
                <table>
                    <tbody>
                    <tr>
                        <th>配送方式</th>
                        <td>送车上门</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<script src="../../../layuiadmin/layui/layui.js"></script>
<script>
    layui.config({
        base: '../../../layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index', //主入口模块
        purchasing: 'purchasing_management/purchasing', //list模块
    }).use(['index','purchasing','jquery'],function () {
        var $ = layui.$;
    });
</script>
</body>
</html>